Springboot无法加载css js报错404

2024-06-03 14:49| 来源: 网络整理| 查看: 265

百度了好多文章，我是因为被拦截了，重写了拦截方法，详见第二步，写此文章主要记录笔记~~~ 1、静态文件放置的目录是否正确 springboot项目在自动生成的时候会有两个文件夹，一个是static,一个是templates，如果我们使用

org.springframework.boot spring-boot-starter-thymeleaf

来进行页面的跳转，默认情况下我们是将html页面放置在templates的文件夹下，css、js、img放置在static文件夹下。 2、springboot的版本是否是2.+ springboot在2.+时，我们需要配置一个静态资源映射（非常关键），同时此操作可以进行拦截器的扩展，具体不在这里说明，注意要继承WebMvcConfigurationSupport ！

@Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/**") .addResourceLocations("classpath:/resources/") .addResourceLocations("classpath:/static/") .addResourceLocations("classpath:/public/"); registry.addResourceHandler("/webjars/**") .addResourceLocations("classpath:/META-INF/resources/webjars/"); super.addResourceHandlers(registry); }

3、不要在配置文件中配置默认的静态文件路径！如果之前有配置的通通删除 4、引入CSS的方式网上有很多人说用th:href的标签可以引入，但前提是你的静态资源文件没有被拦截，所以如果你的静态资源文件被拦截了，请看第二步。如果你的文件路径跟我是一样的，没有被拦截的情况下只需要下方代码就可正常引入，不需要加/static/的前缀，因为我们在静态映射中已经映射了

5、如何测试静态资源文件是否被拦截你的项目在启动之后可以尝试各种路径，例如localhost:8080/static/css/xxx.css 或localhost:8080/css/xxx.css，如果已经访问过这些显而易见的路径都是404的话，100%被拦截了。

开发技巧： idea中修改页面的话直接 Ctrl + F9 重新编译，刷新页面即可 thymeleaf 缓存配置为 false

spring.thymeleaf.cache=false

【本文地址】

公司简介

联系我们